<template>
  <div class="login">
    <BaseHeader :navs="navs" :activeNav="activeNav" @nav-change="activeNav = $event" />
    <div class="content">
      <CourseVideo />
    </div>
    <BaseFooter />
  </div>
</template>

<script>
import BaseHeader from "@/components/baseHeader.vue";
import BaseFooter from "@/components/baseFooter.vue";
import CourseVideo from "@/components/CourseVideo.vue";

export default {
  name: "login",
  components: { BaseHeader, BaseFooter, CourseVideo },
  data() {
    return {
      navs: ["首页", "新闻", "题库", "资料", "产教课程"],
      activeNav: "登录",
    };
  },
};
</script>

<style scoped lang="scss">
.login {
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  .content {
    // flex: 1;
    // padding: 2rem;
    // background: #f5f5f5;
    width: 1200px;
    margin: 0 auto;
  }
}
</style>
